@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	color: #000;
	min-height:800px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	background-color: #FFE16E;
	background-image: url(../images/background.gif);
	
}


ul, ol, dl { /* Deze op nul zetten, anders gaan sommige browsers moeilijk doen. *kuch* IE *kuch*  */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none; /* gelinkte plaatjes krijgen geen lelijke kleur meer */
}

a:link {
	color: #42413C;
	text-decoration: underline; /* streepje onder links. duh.*/
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* voor keyboard-elite. */
	text-decoration: none;
}

.container {
	width: 980px;
	background: #EEEEEE;
	margin-top: 10px;
	margin: 0 auto; 
}

.header {
	margin-top:10px;
	background:url(../images/back.jpg);
	background-repeat:repeat-x;
	border-width:2px;
	/*
	-moz-border-radius: 15px;
	border-radius: 15px;*/
} 
	


.sidebar1 {
	margin-top: 10px;
	float:left;
	margin-left:-5px;
	padding:10px;
}

.sidebar-top {
	background:url(../images/sidebar1-top.png);
	width:200px;
	height:37px;
}

.sidebar1-mid {
	margin-bottom:-20px;
	width: 200px;
	font-size: 11px;
	padding-left:5px;
	padding-bottom:15px;
	padding-top: 3px;
	min-height:400;
	background-image: url(../images/sidebar1-mid.png);
	background-repeat:repeat-y;
	
} 
.sidebar1-bot {
	background:url(../images/sidebar1-bot.png);
	height:30px;
	width:200px;
}
.content {
	margin-top: 10px;
	padding: 10px 0;
	width: 580px;
	margin-left: 15px;
	float: left;
}

.sidebar2 {
	float: right;
	position:fixed;
	margin-left:815px;
	margin-top:20px;
}
.sidebar2-top {
	
}
.sidebar2-topimg {
	background:url(../images/sidebar2-top.png);
	display:block;
	width:160px;
	height:37px;
}

.sidebar2-mid {
	width: 140px;
	padding:10px;
	background-color: #FFE16E;
	background-image: url(../images/sidebar2-mid.png);
	background-repeat: repeat-y;
	
/*-moz-border-radius: 35px;
border-radius: 35px;

/*
	-moz-border-radius: 1em 4em 1em 4em;
	border-radius: 1em 4em 1em 4em;
	/*
	-moz-border-radius: 15px;
	border-radius: 15px;*/
} 
.sidebar2-bot {
	background:url(../images/sidebar2-bot.png);
	width:160px;
	height:30px;
}



.content ul, .content ol { 
	padding: 3px 15px 15px 40px; 
}

ul.nav {
	height:37px;
	background:url(../images/nav.png) no-repeat right;
	list-style: none;
	padding-left: 0px;
}
ul.nav li {
	display: inline;
	text-align:center;
	font-size:1.3em;
}
ul.nav a, ul.nav a:visited { 
	padding: 5px 5px 5px 15px;
	display: block; 
	width: 149px;  
	text-decoration: none;
	height: 37px;
	float: right; 
} 

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
	background: url(../images/nav_hover.png);
}


.footer {
	/*padding: 10px 0;*/
	background: #FBB117;/*#cb8100; */
	position: relative;/* IE6 again... */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}

/* nog niet naar kijken, voor toekomstig gebruik */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#white{
		background:url(../images/background.gif);
		margin-bottom: -25px;
		font-size:10px;
}
#form{
	margin-top: 10px;
	text-align: right;	
}